<template>
  <div class="main">
    <div class="souye">
        <div class="s">
          <ul>
            <li><a href="#"><img src="../assets/images/sy.png" alt=""> <span>首页</span></a></li>
            <li><a href="#"><img src="../assets/images/sy.png" alt=""> <span>首页</span></a></li>
            <li><a href="#"><img src="../assets/images/sy.png" alt=""> <span>首页</span></a></li>
            <li><a href="#"><img src="../assets/images/sy.png" alt=""> <span>首页</span></a></li>
          </ul>
          <span class="line"></span>
          <span class="line"></span>
        </div>
        <div class="z">
          <a href="#"><span>动画<em>999</em></span></a>
           <a href="#"><span>动画<em>999</em></span></a>      
          <a href="#"><span>动画<em>999</em></span></a>       
          <a href="#"><span>动画<em>999</em></span></a>
          <a href="#"><span>动画<em>999</em></span></a>
          <a href="#"><span>动画<em>999</em></span></a>
          <a href="#"><span>动画<em>999</em></span></a>
          <a href="#"><span>动画<em>999</em></span></a>
          <a href="#"><span>动画<em>999</em></span></a>
          <a href="#"><span>动画<em>999</em></span></a>
          <a href="#"><span>动画<em>999</em></span></a>
          <a href="#"><span>动画<em>999</em></span></a>
           <a href="#"><span>动画<em>999</em></span></a>
         
          <a href="#"><span>动画<em>999</em></span></a>
          <a href="#"><span>动画<em>999</em></span></a>
          <a href="#"><span>动画<em>999</em></span></a>
           <a href="#"><span>动画<em>999</em></span></a>
            <a href="#"><span>动画<em>999</em></span></a>
             <a href="#"><span>动画<em>999</em></span></a>
              <a href="#"><span>动画</span></a>
        </div>
        
        <div class="x">
           <div>
              <a href="#" class="name"><img src="../assets/images/4.png" alt=""><span>专栏</span></a>
             <a href="#" class="name"><img src="../assets/images/4.png" alt=""><span>活动</span></a>
              <a href="#" class="name"><img src="../assets/images/4.png" alt=""><span>专栏</span></a>
               <a href="#" class="name"><img src="../assets/images/4.png" alt=""><span>专栏</span></a>
                <a href="#" class="name"><img src="../assets/images/4.png" alt=""><span>专栏</span></a>
                 <a href="#" class="name"><img src="../assets/images/4.png" alt=""><span>专栏</span></a>
          
           </div>
        </div>
    </div>
    <div class="lun">
      <div class="lbt-s">
         <el-carousel trigger="click" height="242px">
          <el-carousel-item v-for="item in imagesbox" :key="item.id">
          <img
          :src="item.lsrc"
        />
       <p>{{item.lpush}}</p>
      </el-carousel-item>
    </el-carousel>
      </div>
      <div class="lvmiao">
       <div><img src="../assets/images/banyao.jpg" alt="">
            <a class="lv_hidden" href="#">
                <p title="【JDG/TES】硬核复盘春决，水手绝境二打五！绿毛巴德显神威！新王诞生终章">
                【JDG/TES】硬核复盘春决，水手绝境二打五！绿毛巴德显神威！新王诞生终章</p>
                <p class="up"><i><img src="../assets/images/up.png" alt=""></i>圆某人和四某人</p>
                <p class="bf">xx播放量</p>
                <img src="../assets/images/bf.png" alt="">
              </a>
              
      </div>
       <div>1</div>
       <div>1</div>
       <div>1</div>
       <div>1</div>
       <div>1</div>
       <div>1</div>
       <div>1</div>
       <div>1</div>
       <div>1</div>
      </div>
    </div>
    <div class="tui">
      <div class="tui_l">
        <div class="tui_l-s">
            <img src="../assets/images/tg.png" alt="">
            <a href="#">
              <i>
                <img src="../assets/images/xiaohuo.png" alt="">
              </i>
        我的童年和青春回来了！
      </a>
            <i>
                <img src="../assets/images/xiaohuo.png" alt="">
              </i>
            <a href="#">
        B站萌宠奥斯卡来袭
      </a>
            <a href="#">
                <i>
                <img src="../assets/images/xiaohuo.png" alt="">
              </i>
        4K120FPS投稿全量开放
      </a>
        </div>
        <div class="tui_l-z">
        <a href="#">
          <img src="../assets/images/banyao.jpg" alt="">
          <p class="ex-title">“她很迷人，因为她很擅长做自己”—《简爱》</p>
          <a href="#" class="ex-up"><i> <img src="../assets/images/up.png" alt=""></i>梦夫人啊
  </a>
        </a>
        <a href="#">1</a>
        <a href="#">1</a>
        <a href="#">1</a>
        <a href="#">1</a>
        <a href="#">1</a>
        </div>
      </div>
      <div class="tui-r">
          <a href="#">在线列表</a>
          <img src="../assets/images/ace2.png" alt="">
        </div>
    </div>
    <div class="guangg">
      <img src="../assets/images/yu.jpg" alt="">
    </div>

    <div class="zhibo1">
        <div class="zb1">
          <div class="zb_z">
          <div class="zb_z-z">
              <img src="../assets/images/zb.png" alt="">
              <span>动画</span>
          </div>
           <div class="zb_z-y">
            <div class="zbhuan">
              换一换  
                 <i class="el-icon-star-off"></i> 
              </div>
            <a>更多 ></a>
          </div>
        </div>
        <!-- 直播下面的 -->
        <div class="zb2">
          <div class="zb2s">
            <div class="skt">
              <img src="../assets/images/cozuo.webp" alt="">
                <a href="www.baidu.com" class="title1">
                
    你永远都猜不到下一秒会怎么样！【阅片无数特别篇】

                </a>
                <div class="up">
                  <i class="el-icon-user-solid"></i>
                  <i>凉风Kaze </i>
                </div>
            </div>
          <div class="skt">
              <img src="../assets/images/cozuo.webp" alt="">
                <a href="www.baidu.com" class="title1">
                
    你永远都猜不到下一秒会怎么样！【阅片无数特别篇】

                </a>
                <div class="up">
                  <i class="el-icon-user-solid"></i>
                  <i>凉风Kaze </i>
                </div>
            </div>
            <div class="skt">1</div>
            <div class="skt">1</div>
            <div class="skt">1</div>
          </div>
          <div class="zb2x">123</div>
        </div>
       
        </div>
        <!-- 右边 -->
        <div class="zb_y">
            <div class="paihang">
              <span>排行榜</span>
              <a href="">更多 ></a>
            </div>
            <div class="laoshu">
                  <div class="laoshu1">
                    <span>1</span>
                    <div>
                       <img src="../assets/images/laoshu.webp" alt="">
                    </div>
                    <div class="txt">
                      <p class="txt1">《 爷 爷 拯 救 计 划 》</p>
                      <p class="txt2">综合得分：293.8万</p>
                        <el-popover
                        placement="top-start"
                        title="标题"
                        width="200"
                        trigger="hover"
                        content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
                        <el-button slot="reference">hover 激活</el-button>
                    </el-popover>
                    </div>
                  </div>
                  <div class="laoshu2"><span>2</span>
                  <p>
                    【原神小剧场】可莉的痛
                    </p></div>
                  <div class="laoshu2"><span>3</span>
                  <p>
                    【原神小剧场】可莉的痛
                    </p></div>
                  <div class="laoshu2"><span>4</span>
                  <p>
                    【原神小剧场】可莉的痛
                    </p></div>
                  <div class="laoshu2"><span>5</span></div>
                  <div class="laoshu2"><span>6</span></div>
                  <div class="laoshu2"><span>7</span></div>
                  <div class="laoshu2"><span>8</span></div>
                  <div class="laoshu2"><span>9</span></div>
                  <div class="laoshu2"><span>10</span></div>
                  
            </div>
        </div>

      
   
    </div>
    <div class="guangg">
      <img src="
      https://i0.hdslb.com/bfs/sycp/creative_img/202010/015b81a03783f823bb9ee04ee746bc15.jpg" alt="">
    </div>
    <!-- //番剧 -->
    <div class="fanju">
      abc
    </div>
  </div>

  
</template>

<script>
import '../css/index.css'
import axios from 'axios'
export default {  
  data()
  {
        return {
                imagesbox:[]
      }
  },
  methods:
  {   
      send()
     {
      axios.get("http://localhost:8081/lbt")
        .then(res => {
    
      this.imagesbox=res.data.message;
      localStorage.setItem('rumen',JSON.stringify(res.data.message));

    })
    .catch(err => {
      consolSSe.error(err); 
    })
     },
     show()
     {
        let obj=JSON.parse(localStorage.getItem('rumen'));
        if(obj==null)
        {
           console.log("没有数据");
          this.send();
        }else
        {
          this.imagesbox=obj;
        }

     },
     
  },
  created()
  {
    this.show();
    
  }
}
</script>

<style>
</style>
